<%@page import="com.wanmait.hotelManagement.vo.Activity"%>
<%@page import="java.util.List"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%String path=request.getContextPath(); %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Explore Special Offers</title>
<!-- Stylesheets -->
<link href="<%=path%>/hotel/css/bootstrap.css" rel="stylesheet">
<link href="<%=path%>/hotel/css/style.css" rel="stylesheet">
<!-- Responsive File -->
<link href="<%=path%>/hotel/css/responsive.css" rel="stylesheet">
<link href="http://at.alicdn.com/t/font_1996900_kjrmfc4sasq.css" rel="stylesheet"><!-- 图标的连接 -->

<link rel="shortcut icon" href="<%=path%>/hotel/images/favicon.png" type="image/x-icon">
<link rel="icon" href="<%=path%>/hotel/images/favicon.png" type="image/x-icon">

<!-- Responsive Settings -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
<style type="text/css">
	.link-box{
		z-index:0;
	}
	.banner-bottom-pattern{
		z-index: 0!important;
	}
	.image
	{
		width: 100%;
		height: 230px ;
	}
	.banner-inner{
		z-index: 0!important;
	}
</style>
</head>

<body>

<div class="page-wrapper">
    <!-- Preloader -->
    <div class="preloader"><div class="icon"></div></div>

    <!-- Main Header -->
   	<jsp:include page="/hotel/include/head.jsp"></jsp:include>
    
    <!-- End Main Header -->


    <!-- Banner Section -->
 
    <section class="page-banner">
        <div class="image-layer" style="background-image:url(<%=path%>/hotel/images/nv.jpg);"></div>
        <div class="banner-bottom-pattern"></div>

        <div class="banner-inner">
            <div class="auto-container">
                <div class="inner-container clearfix">
                    <h1>特别优惠</h1>
                    <div class="page-nav">
                        <ul class="bread-crumb clearfix">
                            <li><a href="index.html">首页</a></li>
                            <li class="active">特别优惠</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Banner Section -->

    <!--Offers Section-->
    <section class="packages-section">
        <div class="auto-container">
            <div class="title-box">
                <h2>活动</h2>
            </div>
          <!--  -->  <!--Mixit Galery-->
            <div class="mixit-gallery filter-gallery">
                <div class="filters clearfix">
                    <ul class="filter-tabs filter-btns clearfix">
                        <li class="filter active" data-role="button" data-filter="all">所有活动</li>
                        <li class="filter" data-role="button" data-filter=".special">特色</li>
                        <li class="filter" data-role="button" data-filter=".luxury">娱乐</li>
                        <li class="filter" data-role="button" data-filter=".family">刺激</li>
                        <li class="filter" data-role="button" data-filter=".fitness">健康</li>
                        <li class="filter" data-role="button" data-filter=".activity">安静</li>
                    </ul>                     
                </div>
					<!-- 进行数据的读取 -->
					<% List<Activity> allActivity=(List<Activity>)request.getAttribute("allActivity");
					%>
                <div class="filter-list row clearfix">
                    <!--Item第一个div-->
                   
                    <div class="offer-block-two mix all fitness col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                            <div class="image-box">
                                <figure class="image"><a href="<%=path%>/ActivityServlet?action=single&num=0"><img src="<%=path%>/hotel/images/<%=allActivity.get(0).getPicture() %>" alt="" title=""></a></figure>
                            </div>
                            <div class="lower-box">
                                <div class="pricing">
                                    <div class="price"><b><!-- <i class="iconfont icon-qianfenleishouye"></i> --></b> <span><%=allActivity.get(0).getPrice() %></span></div>
                                </div>
                                <h4><%=allActivity.get(0).getTitle() %></h4>
                                <div class="text">
                             
                                <I>开始时间：</I><%=allActivity.get(0).getStartTime()%>
                                <br>
								 <I>结束时间：</I><%=allActivity.get(0).getEndTime() %>
								 <br>
								 <i>敬请期待…….</i></div>
                                <div class="link-box"><a href="ActivityServlet?action=single&num=0" class="theme-btn btn-style-three"><span class="btn-title">详情</span></a></div>
                            </div>
                        </div>
                    </div>

                    <!--Item 第二个DIV-->
                    <div class="offer-block-two mix all special activity col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
                            <div class="image-box">
                                <figure class="image"><a href="<%=path%>/ActivityServlet?action=single&num=1"><img src="<%=path%>/hotel/images/<%=allActivity.get(1).getPicture() %>" alt="" title=""></a></figure>
                            </div>
                            <div class="lower-box">
                                <div class="pricing">
                                    <div class="price"><b><!-- <i class="iconfont icon-qianfenleishouye"></i> --></b> <span><%=allActivity.get(1).getPrice() %></span></div>
                                </div>
                                <h4><%=allActivity.get(1).getTitle() %></h4>
                                <div class="text">
                               
                               <I>开始时间：</I> <%=allActivity.get(1).getStartTime()%>
                               <br>
								<I>结束时间：</I><%=allActivity.get(1).getEndTime() %>
								 <BR>
								<i>敬请期待…….</i></div>
                                <div class="link-box"><a href="ActivityServlet?action=single&num=1" class="theme-btn btn-style-three"><span class="btn-title">详情</span></a></div>
                            </div>
                        </div>
                    </div>

                    <!--Item 第三个DIV -->
                    <div class="offer-block-two mix all special luxury col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
                            <div class="image-box">
                                <figure class="image"><a href="<%=path%>/ActivityServlet?action=single&num=2"><img src="<%=path%>/hotel/images/<%=allActivity.get(2).getPicture() %>" alt="" title=""></a></figure>
                            </div>
                            <div class="lower-box">
                                <div class="pricing">
                                    <div class="price"><b><!-- <i class="iconfont icon-qianfenleishouye"> --></i></b>  <span><%=allActivity.get(2).getPrice() %></span></div>
                                </div>
                                <h4><%=allActivity.get(2).getTitle() %></h4>
                                <div class="text">
                           
                                <i>开始时间：</i>><%=allActivity.get(2).getStartTime()%>
                                     <BR>
								<i>结束时间：</i>><%=allActivity.get(2).getEndTime() %>
								     <BR>
								     <i>敬请期待…….</i>></div>
                                <div class="link-box"><a href="ActivityServlet?action=single&num=2" class="theme-btn btn-style-three"><span class="btn-title">详情</span></a></div>
                            </div>
                        </div>
                    </div>

                    <!--Item 第四个DIV-->
                    <div class="offer-block-two mix all special luxury family fitness activity col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                            <div class="image-box">
                                <figure class="image"><a href="<%=path%>/ActivityServlet?action=single&num=3"><img src="<%=path%>/hotel/images/<%=allActivity.get(3).getPicture() %>" alt="" title=""></a></figure>
                            </div>
                            <div class="lower-box">
                                <div class="pricing">
                                    <div class="price"><b><!-- <i class="iconfont icon-qianfenleishouye"></i> --></b> <span><%=allActivity.get(3).getPrice() %></span></div>
                                </div>
                                <h4><%=allActivity.get(3).getTitle() %></h4>
                                <div class="text">
                        
                               <i>开始时间：</i> <%=allActivity.get(3).getStartTime()%>
                                <br>
								<i>结束时间：</i><%=allActivity.get(3).getEndTime() %>
								<br>
								<i>
								敬请期待…….
								</i>
								</div>
                                <div class="link-box"><a href="ActivityServlet?action=single&num=3" class="theme-btn btn-style-three"><span class="btn-title">详情</span></a></div>
                            </div>
                        </div>
                    </div>

                    <!--Item 第五个	DIV-->
                    <div class="offer-block-two mix all special fitness activity col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
                            <div class="image-box">
                                <figure class="image"><a href="<%=path%>/ActivityServlet?action=single&num=4"><img src="<%=path%>/hotel/images/<%=allActivity.get(4).getPicture() %>" alt="" title=""></a></figure>
                            </div>
                            <div class="lower-box">
                                <div class="pricing">
                                    <div class="price"><b><!-- <i class="iconfont icon-qianfenleishouye"></i> --></b> <span><%=allActivity.get(4).getPrice() %></span></div>
                                </div>
                                <h4><%=allActivity.get(4).getTitle() %></h4>
                                <div class="text">
                                
                               <i>开始时间：</i> <%=allActivity.get(4).getStartTime()%>
                                <BR>
								<i>结束时间：</i>><%=allActivity.get(4).getEndTime() %>
								<BR>
								<i>敬请期待…….</i>
								</div>
                                <div class="link-box"><a href="ActivityServlet?action=single&num=4" class="theme-btn btn-style-three"><span class="btn-title">详情</span></a></div>
                            </div>
                        </div>
                    </div>

                    <!--Item 第六个DIV-->
                    <div class="offer-block-two mix all special luxury family fitness activity col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
                            <div class="image-box">
                                <figure class="image"><a href="<%=path%>/ActivityServlet?action=single&num=5"><img src="<%=path%>/hotel/images/<%=allActivity.get(5).getPicture() %>" alt="" title=""></a></figure>
                            </div>
                            <div class="lower-box">
                                <div class="pricing">
                                    <div class="price"><b><!-- <i class="iconfont icon-qianfenleishouye"></i> --></b>  <span><%=allActivity.get(5).getPrice() %></span></div>
                                </div>
                                <h4><%=allActivity.get(5).getTitle() %></h4>
                                <div class="text">
                                <i>开始时间：</i><%=allActivity.get(5).getStartTime()%>
                                <br>
								<i>结束时间：</i><%=allActivity.get(5).getEndTime() %>
								<BR>
								<i>敬请期待…….</i>
								</div>
                                <div class="link-box"><a href="ActivityServlet?action=single&num=5" class="theme-btn btn-style-three"><span class="btn-title">详情</span></a></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </section>

    <!-- Main Footer -->
    <jsp:include page="/hotel/include/footer.jsp"></jsp:include>
</div>
<!--End pagewrapper--><!--Scroll to top--><div class="scroll-to-top scroll-to-target" data-target="html"><span class="flaticon-up-arrow"></span></div>

<script src="<%=path%>/hotel/js/jquery.js"></script>
<script src="<%=path%>/hotel/js/popper.min.js"></script>
<script src="<%=path%>/hotel/js/bootstrap.min.js"></script>
<script src="<%=path%>/hotel/js/jquery-ui.js"></script>
<script src="<%=path%>/hotel/js/jquery.fancybox.js"></script>
<script src="<%=path%>/hotel/js/owl.js"></script>
<script src="<%=path%>/hotel/js/scrollbar.js"></script>
<script src="<%=path%>/hotel/js/mixitup.js"></script>
<script src="<%=path%>/hotel/js/appear.js"></script>
<script src="<%=path%>/hotel/js/wow.js"></script>
<script src="<%=path%>/hotel/js/custom-script.js"></script>
</body>
</html>